{extends file='all_box.html'}
{block name=body1}
<div class="layout">
	<div class="g-main_nav">
		<!-- 	<a href="#">园所介绍</a> 
	<a href="#" class="active">师资力量</a>
	 <a href="#">多彩活动</a>
	  <a href="#">特色课程</a>
	   <a href="#">一日生活</a>
		<a href="#">园所设施</a> -->
		<a v-for="item in title2_arrs" :key="item.id" v-if="title2===item.id" class="active" :href="item.url">{{ item.value }}</a><a
		 v-else :href="item.url">{{ item.value }}</a>
	</div>
	<div class="g-main_content clearfix">
		<div class="fl g-chief teacher-detail">
			<div class="avatar"><img :src="teacher.title_url"></div>
			<div class="info">
				<div class="title">
					<h2>{{ teacher.name }}</h2>
					<span>{{ teacher.position }}</span>
				</div>
				<div class="content">
					<div class="entry-content" itemprop="text" v-html="teacher.content">
						<!--              <p>夏晓丽，女，1976年出生，大学本科学历，小学高级教师，现任十堰外国语幼儿园园长。</p>
              <p>从事幼儿教育工作20多年，担任园长至今已有近15年。在长期的教育和管理中形成了自己独特的管理风格，具有较强的组织协调能力，崇尚以人为本的理念，善于激发员工的积极性，幼儿园受到了良好的社会声誉。</p>
              <p>夏晓丽老师积极参与课题研究活动，所参与的《炳人识字法》、《如何培养幼儿的阅读兴趣》课题均已结题，多篇论文获省、市级奖励。其中，论文《小学新课程教学探微》在《新世纪中国教育发展论坛》一书中发表。论文《浅谈幼儿早期阅读习惯的培养》、《教育就是培养习惯》、《浅谈小组合作学习》、《以情感人，沟通无阻—与家长沟通之我见》、《说话算数》、《如何培养孩子的阅读习惯》均获得省市级一、二、三等奖。曾多次参加校级教育教学比赛，先后荣获多项奖励：“课内比教学”一等奖、说课比赛二等奖、优质课竞赛二等奖、演讲比赛三等奖。</p>
              <p>自2005年荣获“市级优秀语文教师”称号以来，夏晓丽老师先后荣获“十堰市优秀教师”、“十堰市优秀少先队辅导员”、“十堰外国语学校优秀班主任”、“十堰外国语学校感动校园园丁”等荣誉称号。</p>
              <p>夏晓丽老师在幼儿舞蹈创编上有所研究，自2006年所编排的舞蹈《会唱歌的太阳》、《吉祥三宝》获得一等奖以来，所编排的数十个舞蹈均获得一、二等奖，曾多次被评为优秀辅导教师。</p>
              <p>夏晓丽老师担任班主任期间，一直积极思考如何做好班主任工作，是一名智慧爱心型的优秀班主任。在教育中爱护、了解幼儿，总是对孩子多一些柔和，少一些苛刻，多一些引导少一些压力，是孩子值得信赖的好老师。因此，年年被学校评为“优秀班主任”，获得家长的一直好评和认可。</p>
              <p>夏晓丽将会用最真诚的微笑去面对每一个父母及孩子,用感恩的心去面对每一个人，尽最大的努力去做好每一天的工作。</p>
              <p>教育格言：教育的真谛就是让孩子学会用自己的眼睛去观察，用自己的脑子去思考，用自己的嘴巴去表达。</p> -->
					</div>
				</div>
			</div>
		</div>
		<div class="fr g-side">
			<h3 class="hd">最新文章</h3>
			<ul class="art-list">
				<li v-on:click="go_news(up_news_arr)">
					<div class="img"><img :src="up_news_arr.title_url"></div>
					<div class="info">
						<h2>{{ up_news_arr.introduction }}</h2>
						<div class="time">{{ up_news_arr.time }}</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
{/block}

{block name=body2}
<script type="text/javascript">
	var app = new Vue({
		el: '#app',
		data: {
			message: 'Hello Vue!',
			name: "Vue",
			id: -10,
			content: '<h1>222</h1>',
			title1: 2, //用于排列头部或者第二个头部
			title2: 2,
			page: 1,
			limit: 10,
			conunt: 1000,
			is_teacher: false,
			title1_arrs: title1_arrs,
			title2_arrs: title2_arrs,
			teacher: [],
			up_news_arr: [] //最新文章
		},
		methods: {
			click2: function(row) {
				console.log('click2......');
				// window.history.back();  //返回上一页
			},
			click1: function() {
				console.log('click1......');
			},
			go_news: function(row) {
				var me = this;
				console.log('click1......');
				console.log(row);
				//sessionStorage.setItem("new_id", row.id);
				window.location.href = "/index.php/html_to/article_detail?id=" + row.id;
			}
		},
		created: function() {
			var me = this;
			//me.id = sessionStorage.getItem("teacher_id");
			me.id = getQueryVariable("id")
			//获取数据库
			axios.get('/index.php/server/frontdesk/get_teacher_id', {
					params: {
						teacher_id: me.id
					}
				})
				.then(function(response) {
					console.log(response);
					me.teacher = response.data[0];
				})
				.catch(function(error) { // 请求失败处理
					//console.log(error);
				});

			//获取最新新闻
			axios.get('/index.php/server/frontdesk/get_newss', {
					params: {
						page: 1,
						limit: 1
					}
				})
				.then(function(response) {
					console.log(response);
					me.up_news_arr = response.data[0];
				})
				.catch(function(error) { // 请求失败处理
					//console.log(error);
				});
		}
	});
</script>
{/block}
